<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>购物车页</title>
<!-- 禁止检查当前域名 -->
<meta name="referrer" content="never">
<!-- 引入bootstrap -->
<link rel="stylesheet" href="../css/bootstrap.css">
<!-- 当前文件的css -->
<link rel="stylesheet" href="../css/cart.css">
<!-- 引入js的库 -->
<script src="../lib/jquery.min.js"></script>
<!-- 引入bootstrap.js，bootstrap的js需要依赖一个js库 -->
<script src="../lib/bootstrap.js"></script>
<!-- 引入cookie的js -->
<script src="../lib/cookie.js"></script>
<script src="../lib/layer/layer.js"></script>
<script src="../lib/ajax.js"></script>

</head>
<body>
<!-- 顶部 -->
<div class="wrap bg-warning">
    <div class="content">
        <nav class="navbar">
            <div class="container-fluid">
                <!-- Brand and toggle get grouped for better mobile display -->
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button> 
                </div>
            
                <!-- Collect the nav links, forms, and other content for toggling -->
                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                    <ul class="nav navbar-nav">
                        <li><a href="index.html">首页 </a></li>
                        <li class="active"><a href="list.html">列表页 <span class="sr-only">(current)</span></a></li>
                        <li class="dropdown">
                            <ul class="dropdown-menu province">
                                <!-- <li><a href="#">北京</a></li>
                                <li><a href="#">安徽</a></li> -->
                            </ul>
                        </li>
                    </ul>
                    <form class="navbar-form navbar-left">
                        <div class="form-group">
                            <input type="text" class="form-control" placeholder="课程名称">
                        </div>
                    </form>
                    <ul class="nav navbar-nav navbar-right">
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">热门课程 <span class="caret"></span></a>
                            <ul class="dropdown-menu">
                                <li><a href="https://www.imooc.com/learn/1284">java</a></li>
                                <li><a href="https://www.imooc.com/learn/1264">pathon</a></li>
                                <li><a href="https://www.imooc.com/learn/1289">html5</a></li>     
                            </ul>
                        </li>
                    </ul>
                    <!-- 登陆注册 -->
                    <ul class="nav navbar-nav navbar-right login">
                        <li><a href="denglu.html">登陆</a></li>
                        <li><a href="zhuce.html">注册</a></li>
                    </ul>
                </div><!-- /.navbar-collapse -->
            </div><!-- /.container-fluid -->
        </nav>
    </div>
</div>
<!-- 面包屑 -->
<div class="wrap">
    <div class="content">
        <ol class="breadcrumb">
            <li><a href="index.html">首页</a></li>
            <li><a href="list.html">列表页</a></li>
            <li><a href="javascript:history.back();">详情页</a></li>
            <li class="active">购物车页</li>
        </ol>
    </div>
</div>
<!-- 购物车列表 -->
<div class="wrap cart">
    <div class="content">
        <table class="table">
            <thead>
                <tr>
                    <th><input type="checkbox" name="selectAll"></th>
                    <th>商品图片</th>
                    <th>商品名称</th>
                    <th>商品价格</th>
                    <th>商品数量</th>
                    <th>小计</th>
                    <th>操作</th>
                </tr>
            </thead>
            <tbody></tbody>
            <tfoot>
                <tr>
                    <td><input type="checkbox" name="selectAll"></td>
                    <td colspan="2">商品总数：<span class="totalNum">0</span></td>
                    <td colspan="2">商品总价：<span class="totalPrice">0</span></td>
                    <td><a class="btn btn-primary" href="list.html">回列表页</a></td>
                    <td><a class="btn btn-warning" href="order.html">去结算</a></td>
                </tr>
            </tfoot>
        </table>
    </div>
</div>
    <!-- 底部区域 -->
 
</body>
</html>
<script src="../js/cart.js"></script>